﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
    <form action="01-无序列表.html">
        <label>姓名：<input type="text" name="username"></label><br/>
        <label>密码：<input type="password" name="password"></label><br/>
        性别：<label><input type="radio" name="sex" value="1">男</label>
             <label><input type="radio" name="sex" value="2">女</label> <br/>
        爱好：<label><input type="checkbox" name="hobby" value="1">吃饭</label></label>
        <!-- checkbox 多选框 复选框 -->
        爱好: <input type="checkbox"> 舞蹈
        <input type="checkbox"> 音乐
        <input type="checkbox"> 游戏
        <input type="checkbox" checked> 写代码
        <br>
        <!-- 文件域  上传文件表单 multiple 可以多选文件 -->
        上传头像: <input type="file" multiple> <br/>
        <!-- 下拉表单  select 选择  option  选项   selected 默认选中 -->
        籍贯：
        <select>
            <option>北京</option>
            <option selected>山东</option>
            <option>天津</option>
            <option>河北</option>
        </select>
        <br/>
        <!-- 文本域   rows 行数   cols 列数 -->
        请您留言：
        <textarea name="" id="" cols="10" rows="4">评论</textarea> <br>
        <!-- 梳理下： -->
        <!-- 几个单标签： hr  br   img  input      -->
        <!-- 按钮 -->
        <!-- <button>搜索</button> -->
        <button type="button">搜索</button>
        <button type="submit">提交</button>
        <button type="reset">重置</button>
    </form>
</body>
</html>
